33 - Font-awesome

Font-awesome : la bibliothèque d'icônes

Font-Awesome est une bibliothèque permettant d'utiliser des icônes sur une page web.

Exemples d'icônes :

L'avantage de ces icônes, c'est qu'elles sont considérées comme du texte, ce qui permet de pouvoir les styliser comme des textes normaux (color, font-size, etc...)

Importer Font-Awesome

Pour importer Font-Awesome, il est nécessaire de trouver un CDN (comme CDNJS par exemple) : https://cdnjs.com/libraries/font-awesome

Il ne reste plus qu'à importer dans le fichier CSS dans le head de la page web :

            

                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">

            
        

Utiliser une icône

La liste des icônes est disponible sur le site officiel : https://fontawesome.com/search?m=free

Chaque icône a une balise <i> récupérable en cliquant sur l'icône qui vous interesse dans le lien au dessus.

            

                <!-- Code de l'icône Facebook -->
                <i class="fa-solid fa-address-book"></i>